// import React, { useState } from 'react';
// import { Table, Button, Tag, Input } from 'antd';
// // import store from './store/index.js'
// // import QQMap from 'qqmap';
// import ReactQMap from 'react-qmap';

// import { Change } from './store/actionCreator.js';
// class Test extends React.Component {

//      state = {
//         selectedRowKeys: [0], // Check here to configure the default column
//         checkedA: true,
//         checkedB: true,
//         checkedF: true,
//         selectedDate:"2014-08-18T21:11:54",
//         filteredInfo: null,
//         sortedInfo: null,
//       };
    
//     componentDidMount() {
//       // this.initQQMap();
//       var opts = {
//         method:"GET"
//     }
//     // var url ="https://apis.map.qq.com/ws/place/v1/suggestion/?region=上海&keyword=美食&key=DM2BZ-EAO3D-ZEH47-H4NX4-MCUYV-YPBUN"
//     // fetch(url,opts)
//     //     .then((response) => {
//     //         return response.text();  //返回一个带有文本的对象
//     //     })
//     //     .then((responseText) => {
//     //         alert(responseText)
//     //     })
//     //     .catch((error) => {
//     //         alert(error)
//     //     })
//     }
//     click=()=>{
//       alert("点击地图")
//     }
//     constructor(props){
//       super(props)


//     }
//     Example=()=> {
//       // 声明一个叫 "count" 的 state 变量
//       const [count, setCount] = useState(0);
    
//       return (
//         <div>
//           <p>You clicked {count} times</p>
//           <button onClick={() => setCount(count + 1)}>
//             Click me
//           </button>
//         </div>
//       );
//     }
//     // initQQMap = () => {
//     //     let tarLat = 39.90736606309809;
//     //     let tarLng = 116.39774322509766;
//     //     QQMap.init('your_key//换成自己的', ()=>{
//     //       // 初始化经纬度，最开始的点
//     //       let myLatlng = new qq.maps.LatLng(tarLat, tarLng);
//     //      // 设置地图属性
//     //      let myOptions = {
//     //          zoom: 16,
//     //          center: myLatlng,
//     //          mapTypeId: qq.maps.MapTypeId.ROADMAP,
//     //      };
//     //      // 创建地图，绑定dom
//     //      this.map = new qq.maps.Map(
//     //          document.getElementById('container'),
//     //          myOptions,
//     //      );
//     //      // 现实已经存在的点
//     //      let markerlast = new qq.maps.Marker({
//     //          position: myLatlng,
//     //          map: this.map,
//     //      });
//     //      // 调用检索
//     //      let latlngBounds = new qq.maps.LatLngBounds();
//     //      // 调用Poi检索类
//     //      let searchService = [];//调用百度地图的搜索服务
//     //      let markers = [];//用户搜索后显示的点的集合
//     //      // 调用搜索服务
//     //      searchService = new qq.maps.SearchService({
//     //          complete: results=> {
//     //              let pois = results.detail.pois;
//     //              for (let i = 0, l = pois.length; i < l; i++) {
//     //                  let poi = pois[i];
//     //                  latlngBounds.extend(poi.latLng);
//     //                  let marker = new qq.maps.Marker({
//     //                      map: this.map,
//     //                     position: poi.latLng,
//     //                  });
//     //                  marker.setTitle(i + 1);
//     //                  markers.push(marker);
//     //              }
//     //              this.map.fitBounds(latlngBounds);
//     //          },
//     //      });
//     //      // 将服务注册到this中，方便搜索方法调用
//     //      this.searchService = searchService;
//     //      this.markers = markers;
//     //      // 鼠标点击监听
//     //      qq.maps.event.addListener(
//     //          this.map,
//     //          'click',
//     //          event=> {
//     //              // 清除初始化位置
//     //              markerlast.position = event.latLng;
//     //              markerlast.setMap(null);
//     //              // 获取经纬度位置
//     //              let lat = event.latLng.getLat();
//     //              let lng = event.latLng.getLng();
//     //              // 赋值至文本框内
//     //             this.props.form.setFieldsValue({ lat: lat, lng: lng });
//     //              // 绘制点击的点
//     //              let marker = new qq.maps.Marker({
//     //                  position: event.latLng,
//     //                  map: this.map,
//     //              });
//     //              // 添加监听事件   获取鼠标单击事件
//     //              qq.maps.event.addListener(this.map, 'click', function(event) {
//     //                  marker.setMap(null);
//     //              });
//     //              // 清空上一次搜索结果
//     //              Array.from(this.markers).forEach(marker=>{
//     //                  marker.setMap(null);
//     //             });
//     //         }
//     //      );
//     //  });
//     // }
//     searchKeyword = () => {
//                //获取文本框输入的值
//                let keyword = document.getElementById('keyword').value;
//                let region = document.getElementById('region').value;
//                // 清空上一次搜索结果
//                Array.from(this.markers).forEach(marker=>{
//                   marker.setMap(null);
//                });
//               //调用腾讯地图的搜索功能
//               this.searchService.setLocation(region);
//               this.searchService.search(keyword);
//          }
//     change=(e)=>{
     
//          const action = Change(e.target.value);
//     }
//   render() { 
//     return (
//         <div>  
//               <Input
//                  value={this.state.value}
//                  onChange={this.change.bind(this)}
//               /> 
//               {/* <div>
//             　　<Input id="keyword" style={{ width: '150px' }} defaultValue={'乐高'} placeholder="地址"/>
//             　　<Input id="region" style={{ width: '150px' }} defaultValue={'北京'} placeholder="城市"/>
//             　　<Button onClick={this.searchKeyword}>搜索</Button>
//                 </div>
//                 <div id="container" style={{height: 400, width: 600}}></div>
//                 <ReactQMap 
//                   center={{latitude: 30.53786, longitude: 104.07265}} 
//                   initialOptions={{zoomControl: true, mapTypeControl: true}} 
//                   apiKey="DM2BZ-EAO3D-ZEH47-H4NX4-MCUYV-YPBUN"
//                   style={{height: 300}}    // 高度和宽度默认占父元素的100%
//                   onClick={this.click}
//               /> */}
//                <div>
//                   {
//                     this.Example()
//                   }
//               </div>
//          </div>
//     );  
// }
// }

// export default Test;